<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>
<%
	String path = request.getContextPath();
	pageContext.setAttribute("rootUrl", path);
%>
<!DOCTYPE html>
<html >
	<head>
		<jsp:include page="../common/header.jsp"/>
		<style type="text/css">
			#main {
				background: url("${rootUrl}/assets/css/images/topbg.jpg?x=1") no-repeat scroll 0 0 transparent;
			}
		</style>
	</head>
	<body>
		<div id="outer1">
			<div id="main">
				<div id="logo">
					<a href="/">12小时网 - 只为网购精品而生</a>
				</div>
				<div id="menu">
					<ul class="pri">
						<c:forEach items="${level1CategoryMap }" var="level1CategoryMap" varStatus="vstatus">
							<li class="<c:if test="${vstatus.count == 1}">first</c:if> <c:if test="${level1CatId == level1CategoryMap.key}">active</c:if>">
								<a href="${rootUrl }/items.htm?catid=${level1CategoryMap.value.catId}">${level1CategoryMap.value.name}</a><span>&nbsp;</span>
							</li>
						</c:forEach>
<!-- 						<li > -->
<%-- 							<a href="${rootUrl }/blog" target="_blank">关于老夫</a><span>&nbsp;</span> --%>
<!-- 						</li> -->
					</ul>
					<br class="clear">
					<ul class="sec">
						<c:forEach items="${level2CategoryList }" var="bean" varStatus="vstatus">
							<li class="<c:if test="${vstatus.count == 1}">first</c:if> <c:if test="${level2CatId == bean.catId}">active</c:if>">
								<a href="${rootUrl }/items.htm?catid=${bean.catId}">${bean.name}</a><span>&nbsp;</span>
							</li>
						</c:forEach>
					</ul>
					<br class="clear">
				</div>
				<div id="layout_list">
					<div class="nocol">
						<div class="box">
<!-- 						<div class="heading"> -->
<%-- 							<h1>${level2Category.name }</h1> --%>
<!-- 							<span class="found">共发现50个精品</span> -->
<!-- 							<div class="switcher" id="J_Switcher"> -->
<!-- 								<ul> -->
<!-- 									<li class="wideThumbs_active active" -->
<!-- 										style="-moz-user-select: none;" title="切换到列表"><span>&nbsp;</span></li> -->
<!-- 									<li class="bigThumbs" style="-moz-user-select: none;" title="切换到方图"><span>&nbsp;</span></li> -->
<!-- 									<li class="smallThumbs" style="-moz-user-select: none;" title="切换到mini表格"><span>&nbsp;</span></li> -->
<!-- 								</ul> -->
<!-- 							</div> -->
<!-- 							<span class="calloutOpener" -->
<!-- 								style="-moz-user-select: none; cursor: pointer;">这里的女装主要包含哪些</span> -->
<!-- 						</div> -->

						<div class="callout" style="display: none;">
<!-- 							<p> -->
<!-- 								A <strong>Website Template</strong> is a pre-built website -->
<!-- 								design, complete with HTML files and all supporting images, -->
<!-- 								stylesheets, jQuery plugins (if applicable), and Photoshop -->
<!-- 								source files. <a -->
<!-- 									href="/help/frequently-asked-questions/#website-templates">Learn -->
<!-- 									more ...</a> -->
<!-- 							</p> -->
<!-- 							<span class="closer" -->
<!-- 								style="-moz-user-select: none; cursor: pointer;">&nbsp;</span><span -->
<!-- 								class="arrow">&nbsp;</span> -->
						</div>
						<div class="thumblist wideThumblist" id="J_itemList">
							<input type="hidden" id="J_TrackIds" value="${trackIds }"/>
							<c:forEach items="${items}" var="item">
								<div class="thumb first imageShow">
									<div class="image">
										<span class="inner">
											<a class="link" id="image_a_${item.itemId }"  target="_blank">
												<img class="show-image" alt="${item.title }" src="${item.mainPicUrl }_310x310.jpg" style="opacity: 1;">
											</a>
										</span>
									</div>
									<div class="variants">
										<ul>
											<c:forEach items="${item.picList}" var="image">
												<li class="smallImage" style="cursor: pointer;">
													<a href="#" data-image-url="${image}_310x310.jpg"><img alt="${item.title }" src="${image }_40x40.jpg"></a>
												</li>
											</c:forEach>
										</ul>
									</div>
									<div class="info">
										<span class="name">
											<a class="link" href="${item.taokeUrl }" target="_blank">${item.title }</a></span>
										<div class="description">
											<div class="left">
												<div class="checklist">
<!-- 														<ul> -->
<!-- 															<li> -->
<!-- 																<strong>Customizable Drop Down Menus</strong> -->
<!-- 															</li> -->
<!-- 															<li> -->
<!-- 																3 Color Schemes -->
<!-- 															</li> -->
<!-- 															<li> -->
<!-- 																4 Unique Page Layouts -->
<!-- 															</li> -->
<!-- 														</ul> -->
												</div>
											</div>
											<div class="right">
												<div class="checklist">
													<ul>
														<c:forEach items="${item.reasonList}" var="reason">
															<li>
																${reason }
															</li>
														</c:forEach>
													</ul>
												</div>
											</div>
										</div>
										<span class="price">
											<span title="" class="money">
												<span class="currencySymbol">￥</span>${item.powerPrice }</span>
											</span>
									</div>
									<div class="actions">
										<ul>
											<li class="details">
												<a class="actionButton link" id="detail_a_${item.itemId }" target="_blank">查看详细 &gt;</a>
											</li>
										</ul>
									</div>
								</div>
							</c:forEach>
							<br class="clear">
						</div>
							
						<div class="listfooter">
							<div class="colA">
								<h3>热门标签:</h3>
								<span>
									<c:forEach items="${level2CategoryMap }" var="level2CategoryMap">
										<a href="${rootUrl }/items.htm?catid=${level2CategoryMap.value.catId}">${level2CategoryMap.value.name}</a>&nbsp;&nbsp;
									</c:forEach>
									<br class="clear">
								</span> 
<!-- 								<h3>帮助中心:</h3> -->
<!-- 								<span> -->
<!-- 								<a -->
<!-- 									href="">a</a>,<a -->
<!-- 									href="">b</a>,<a -->
<!-- 									href="">c</a>,<a -->
<!-- 									href="">d</a>,<a -->
<!-- 									href="">e</a></span> -->
							</div>
						<!-- 
							<div class="colB">
								<div class="pager">
									<div class="af_pager">
										<div class="inner">
											<a class="actionButton first" href="/website-templates/"><span>&nbsp;</span></a><a class="actionButton previous" href="/website-templates/"><span>&nbsp;</span></a><span class="currentPageNumber">1</span><a class="pageNumber" href="/website-templates/2/">2</a><a class="pageNumber" href="/website-templates/3/">3</a><a class="pageNumber" href="/website-templates/4/">4</a><a class="pageNumber" href="/website-templates/5/">5</a><a class="pageNumber" href="/website-templates/6/">6</a><a class="pageNumber" href="/website-templates/7/">7</a><a class="actionButton next" href="/website-templates/2/"><span>&nbsp;</span></a><a class="actionButton last" href="/website-templates/44/"><span>&nbsp;</span></a>
											<br class="clear">
										</div>
									</div>
								</div>
								<div class="request">
									<span>Can't find what you're looking for?</span><a class="bigActionButton altActionButton" href="/contact/?category=108">Request it!</a>
								</div>
							</div>
							 -->
							<br class="clear">
						</div>
					</div>
				</div>
			</div><!-- ****** /Page ****** -->
			<div class="currencybox" style="position: absolute; z-index: 1; ">
			</div>
		</div>
	</div>
	<jsp:include page="../common/footer.jsp"/>
</body>
</html>

